import axios from 'axios'
import { Toast } from 'vant'
import router from '@/router'
import store from '@/store'
import Qs from 'qs';



const instance = axios.create({ //创建axios实例，在这里可以设置请求的默认配置
    timeout: 10000, // 设置超时时间10s
    // baseURL: process.env.NODE_ENV === 'production' ? '' : '/api'   //根据自己配置去设置不同环境的baeUrl
    baseURL: process.env.VUE_APP_BASE_URL
})


instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

let httpCode = { //这里我简单列出一些常见的http状态码信息，可以自己去调整配置
    400: '请求参数错误',
    401: '权限不足, 请重新登录',
    403: '服务器拒绝本次访问',
    404: '请求资源未找到',
    500: '内部服务器错误',
    501: '服务器不支持该请求中使用的方法',
    502: '网关错误',
    504: '网关超时'
}

/** 添加请求拦截器 **/
instance.interceptors.request.use(config => {
    config.headers.common['Authorization'] = "Bearer " + sessionStorage.getItem("token");
    if (config.method === 'get') { // 添加时间戳参数，防止浏览器（IE）对get请求的缓存
        config.params = {
            ...config.params,
            t: new Date().getTime()
        }
    }
    if (config.method === 'post') {
        let whitelist = [
                '/api/order',
                '/api/upload/img',
                '/api/upload/file',
                '/api/order/supplement',
                '/api/order/update_order'
            ]
            // 需要上传文件修改配置的接口
        if (whitelist.includes(config.url)) {
            config.headers.post['Content-Type'] = 'multipart/form-data'
        } else {
            config.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
            config.data = Qs.stringify(config.data)
        }
    }

    return config
}, error => {
    // 对请求错误做些什么
    return Promise.reject(error)
})

/** 添加响应拦截器  **/
instance.interceptors.response.use(response => {
    // loadingInstance.close()
    if (response.data.code == '200') {
        return Promise.resolve(response.data)
    } else {
        // this.$message.error(response.data.message)
        return Promise.reject(response.data)
    }
}, error => {
    // loadingInstance.close()
    if (error.response) {
        // 根据请求失败的http状态码去给用户相应的提示
        let tips = error.response.code in httpCode ? httpCode[error.response.code] : error.response.data.message
        this.$message.error(tips)
        if (error.response.code === 401) { // token或者登陆失效情况下跳转到登录页面，根据实际情况，在这里可以根据不同的响应错误结果，做对应的事。这里我以401判断为例
            this.$message.error('登录信息失效，请重新登录！')
            store.commit('delUser');
            sessionStorage.removeItem('token')
            router.push({
                path: `/login`
            })
        }
        return Promise.reject(error)
    } else {

        this.$message.error('请求超时, 请刷新重试')
        return Promise.reject(new Error('请求超时, 请刷新重试'))
    }
})

/* 统一封装get请求 */
export const get = (url, params, config = {}) => {
    return new Promise((resolve, reject) => {
        instance({
            method: 'get',
            url,
            params,
            ...config
        }).then(response => {
            resolve(response)
        }).catch(error => {
            reject(error)
        })
    })
}

/* 统一封装post请求  */
export const post = (url, data, config = {}) => {
    return new Promise((resolve, reject) => {
        instance({
            method: 'post',
            url,
            data,
            ...config
        }).then(response => {
            resolve(response)
        }).catch(error => {
            reject(error)
        })
    })
}

/* 统一封装put请求 */
export const put = (url, params, config = {}) => {
    return new Promise((resolve, reject) => {
        instance({
            method: 'put',
            url,
            params,
            ...config
        }).then(response => {
            resolve(response)
        }).catch(error => {
            reject(error)
        })
    })
}

/* 统一封装delete请求 */
export const del = (url, params, config = {}) => {
    return new Promise((resolve, reject) => {
        instance({
            method: 'delete',
            url,
            params,
            ...config
        }).then(response => {
            resolve(response)
        }).catch(error => {
            reject(error)
        })
    })
}

/* 或者写成下面这样： Promise.resolve() 和 Promise.reject()返回的是promise对象，二者都是语法糖  */
// export const post = (url, data, config = {}) => {
//   return instance({
//     method: 'post',
//     url,
//     data,
//     ...config
//   }).then(response => {
//     return Promise.resolve(response)
//   }).catch(error => {
//     return Promise.reject(error)
//   })

// }